<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
     <div class="chat-dialog">hi，在吗？</div>
		 
     
     <style>
			.chat-dialog {
				position: relative;
				width: 180px;
				height: 32px;
				line-height: 32px;
				border-radius: 5px;
				margin-left: 30px;
				border: 1px solid #009a61;
				padding: 4px;
			}
			.chat-dialog:before,
			.chat-dialog:after {
				content: "";
				display: block;
				position: absolute;
				top: 13px;
				left: -13px;
				width: 0;
				height: 0;
				border-width: 6px;
				border-color: transparent;
				border-style: solid;
				border-right-color: #009a61;
			}
			.chat-dialog:after {
				left: -12px;
				border-right-color: #fff;
			}

      </style>
		
	</body>
</html>
